:root{
    --screen-width:640;
    --screen-height:360;
    position:absolute;
    border: 1px solid red;
    display:inline-block;
    z-index: 100;
    cursor: pointer;
}
    .type1{
        width: calc(var(--screen-width) * 1px);
        height: calc(var(--screen-height) * 1px);
    }
    .type2{
       top: 25%; 
       width: calc(var(--screen-width) * 50% * 1px);
       height: calc(var(--screen-height) * 50% * 1px);
    }
